<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <style type="text/css">
            <!--
            body {
                font: 100% Verdana, Arial, Helvetica, sans-serif;
                background: #FFF;
                margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
                padding: 0;
                text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
                color: #000000;
            }
            .oneColFixCtr #container {
                width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
                background: #FFFFFF;
                margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
                border: 0px solid #000000;
                text-align: left; /* this overrides the text-align: center on the body element. */
            }
            .oneColFixCtr #mainContent {
                padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
            }
            -->
        </style></head>

    <body class="oneColFixCtr">

        <div id="container">
            <div id="mainContent">

                <form action="{base_url}cep" method="POST">
                    <input type="text" name="cep"/>
                    <button id="efetuar_pagamento" value="efetuar_pagamento">{lang_continuar}</button>
                    <p>{cidade}</p>
                </form>

                <table>
                    {planos}
                    <tr>
                        <td>{plano_nome}</td>
                        <td>{plano_fotos}</td>
                        <td>{plano_valor}</td>
                        <td><button id="anunciar_{id}" value="anunciar_{id}">{plano_anunciar}</button></td>
                    </tr>
                    {/planos}
                </table>
            </div>
            <!-- end #container --></div>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    </body>
</html>